<template>
  <div class="bg_write" v-loading="load">
    <el-row>
      <el-col :span="24" class="content_title">
        <el-col :span="12">
          <HeadTitle></HeadTitle>
        </el-col>
        <el-col :span="12"> </el-col>
      </el-col>
    </el-row>
    <el-row class="content-right-box on">
      <div class="content-right on">
        <div class="diy clearfix on">
          <div id="diy-phone" class="no-border">
            <div class="diy-phone-header">
              <div class="diy-phone-title j-pagetitle meb_set">会员主页</div>
            </div>
            <div class="diy-phone-contain">
              <div class="diy-conitem">
                <div
                  class="mymember_top"
                  :style="{
                    background: `url(${bgImgUrl}) no-repeat center top/100% 100%`,
                    padding: !topCheck.hym ? '14px 0 10px' : '',
                  }"
                >
                  <div class="fx mymember_user">
                    <div class="fx mymember_avatar">
                      <img src="../../assets/img/meb/tx.jpg" />
                      <p class="mymember_rating">会员等级</p>
                    </div>

                    <div class="fx mymember_name">
                      <p class="van-ellipsis tl">会员昵称</p>
                      <p v-if="topCheck.tjr">{{ topCheck.tjr }}：{{ topCheck.tjr }}</p>
                    </div>
                    <div class="fx mymember_icon">
                      <van-icon name="scan" size="24" style="margin-left: 0" />
                      <van-icon name="chat-o" size="24" v-if="topCheck.sms" />
                      <van-icon name="setting-o" size="24" v-if="topCheck.sz" />
                    </div>
                  </div>
                  <div v-if="JSON.stringify(moneyCheck) != '{}'" class="mymember_money">
                    <div v-for="(item, i) in moneyCheck" :key="i" class="mymember_tabs">
                      <p>0.00</p>
                      <p>{{ item }}</p>
                      <span v-if="check_tx && i == 'yr'"> 可充值 </span>
                      <span v-else-if="check_tx && i == 'yj'"> 可提现 </span>
                    </div>
                  </div>
                </div>

                <div class="fx mymember_qr" v-if="topCheck.hym">
                  <img src="@/assets/img/meb/hg.png" />
                  <span>{{ title1 }}</span>
                  <van-icon name="qr" size="22" />
                </div>

                <div class="mymember_card" v-if="check_order">
                  <div class="fx mymember_card_1">
                    <p>
                      <van-icon name="star-o" size="16" color="#999999" />
                      关注
                    </p>
                    <p>
                      <van-icon name="logistics" size="16" color="#999999" />
                      足迹
                    </p>
                    <p>
                      <van-icon name="bag-o" size="16" color="#999999" />
                      红包券
                    </p>
                  </div>
                  <div class="fx mymember_card_2 no_border">
                    <p>我的订单</p>
                    <p class="fx">查看全部<van-icon name="arrow" color="#d1d1d1" /></p>
                  </div>
                  <div class="fx mymember_card_3">
                    <div v-if="my_orderListCheckList.qs">
                      <img src="../../assets/img/meb/member_menu6.png" />
                      <p>{{ my_orderListCheckList.qs }}</p>
                    </div>
                    <div v-if="my_orderListCheckList.dfk">
                      <img src="../../assets/img/meb/member_menu1.png" />
                      <p>{{ my_orderListCheckList.dfk }}</p>
                    </div>
                    <div v-if="my_orderListCheckList.dfh">
                      <img src="../../assets/img/meb/member_menu5.png" />
                      <p>{{ my_orderListCheckList.dfh }}</p>
                    </div>
                    <div v-if="my_orderListCheckList.dsh">
                      <img src="../../assets/img/meb/member_menu2.png" />
                      <p>{{ my_orderListCheckList.dsh }}</p>
                    </div>
                    <div v-if="my_orderListCheckList.dpj">
                      <img src="../../assets/img/meb/member_menu3.png" />
                      <p>{{ my_orderListCheckList.dpj }}</p>
                    </div>
                    <div v-if="my_orderListCheckList.sh">
                      <img src="../../assets/img/meb/member_menu4.png" />
                      <p>{{ my_orderListCheckList.sh }}</p>
                    </div>
                     <div v-if="my_orderListCheckList.run">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/order_icon_6.png" />
                      <p>{{ my_orderListCheckList.run }}</p>
                    </div>
                    <div v-if="my_orderListCheckList.zt">
                      <img src="../../assets/img/meb/member_menu7.png" />
                      <p>{{ my_orderListCheckList.zt }}</p>
                    </div>
                  </div>
                </div>

                <div class="mymember_card" v-if="check_auction">
                  <div class="fx mymember_card_2">
                    <p>竞拍订单</p>
                  </div>
                  <div class="fx mymember_card_4 w20">
                    <div v-if="auctioncheckList.cpz">
                      <img src="../../assets/img/meb/cpz.png" />
                      <p>{{ auctioncheckList.cpz || "参拍中" }}</p>
                    </div>
                    <div v-if="auctioncheckList.whp">
                      <img src="../../assets/img/meb/whp.png" />
                      <p>{{ auctioncheckList.whp || "未获拍" }}</p>
                    </div>
                    <div v-if="auctioncheckList.dzf">
                      <img src="../../assets/img/meb/dzf.png" />
                      <p>{{ auctioncheckList.dzf || "待支付" }}</p>
                    </div>
                    <div v-if="auctioncheckList.yhp">
                      <img src="../../assets/img/meb/yhp.png" />
                      <p>{{ auctioncheckList.yhp || "已获拍" }}</p>
                    </div>
                    <div v-if="auctioncheckList.ylp">
                      <img src="../../assets/img/meb/ylp.png" />
                      <p>{{ auctioncheckList.ylp || "已流拍" }}</p>
                    </div>
                  </div>
                </div>

                <div class="mymember_card" v-if="check_hotel && $store.state.plugin.hotel && $store.state.plugin.hotel.is_open == 1">
                  <div class="fx mymember_card_2">
                    <p>酒店订单</p>
                  </div>
                  <div class="fx mymember_card_4">
                    <div v-if="hotelCheckList.jddd">
                      <img src="./../../assets/img/meb/hotel/icon01.png" />
                      <p>{{ hotelCheckList.jddd }}</p>
                    </div>
                    <div v-if="hotelCheckList.dzf">
                      <img src="./../../assets/img/meb/hotel/icon02.png" />
                      <p>{{ hotelCheckList.dzf }}</p>
                    </div>
                    <div v-if="hotelCheckList.drz">
                      <img src="./../../assets/img/meb/hotel/icon03.png" />
                      <p>{{ hotelCheckList.drz }}</p>
                    </div>
                    <div v-if="hotelCheckList.dpj">
                      <img src="./../../assets/img/meb/hotel/icon04.png" />
                      <p>{{ hotelCheckList.dpj }}</p>
                    </div>
                  </div>
                </div>

                <div v-if="check_tool" class="mymember_card">
                  <div class="fx mymember_card_2">
                    <p>会员工具</p>
                  </div>
                  <div class="fx mymember_card_4">
                    <div v-if="toolListCheckList.scdp">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_1.png" alt />
                      <p>{{ toolListCheckList.scdp || "资金互转" }}</p>
                    </div>
                    <div v-if="toolListCheckList.zjdh">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_2.png" alt />
                      <p>{{ toolListCheckList.zjdh || "资金兑换" }}</p>
                    </div>
                    <div v-if="toolListCheckList.shsz">
                      <img src="./../../assets/img/meb/vip_sqsh.png" alt />
                      <p>{{ toolListCheckList.shsz || "申请商户" }}</p>
                    </div>
                    <div class="vip_tool_item" v-if="toolListCheckList.shdd">
                      <img src="./../../assets/img/meb/vip_sqdl.png" alt />
                      <p>
                        {{ toolListCheckList.shdd }}
                      </p>
                    </div>
                    <div v-if="toolListCheckList.wzy">
                      <img src="./../../assets/img/meb/vip_wzy.png" alt />
                      <p>{{ toolListCheckList.wzy || "微展业" }}</p>
                    </div>
                    <div v-if="toolListCheckList.jfsc">
                      <img src="./../../assets/img/meb/vip_jfsc.png" alt />
                      <p>{{ toolListCheckList.jfsc || "积分商城" }}</p>
                    </div>
                    <div v-if="toolListCheckList.gpcj">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_7.png" alt />
                      <p>{{ toolListCheckList.gpcj || "公排点位" }}</p>
                    </div>
                    <div v-if="toolListCheckList.dzpzdcj">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_8.png" alt />
                      <p>{{ toolListCheckList.dzpzdcj || "抽奖中心" }}</p>
                    </div>
                    <div v-if="toolListCheckList.write" @click="$router.push({ path: '/order/orderwrite' })">
                      <img src="./../../assets/img/meb/vip_wzy.png" alt />
                      <p>{{ toolListCheckList.write || "线下核销" }}</p>
                    </div>
                    <div v-if="toolListCheckList.xcxkf">
                      <img src="./../../assets/img/meb/xcx_kf.png" alt />
                      <p>{{ toolListCheckList.xcxkf || "客服" }}</p>
                    </div>
                    <div v-if="toolListCheckList.pgjl">
                      <img src="./../../assets/img/meb/sq.png" alt />
                      <p>{{ toolListCheckList.pgjl || "拼购记录" }}</p>
                    </div>
                    <div v-if="toolListCheckList.lpk">
                      <img src="../../assets/img/meb/md/30.png" alt />
                      <p>{{ toolListCheckList.lp || "礼品卡" }}</p>
                    </div>
                    <div v-if="toolListCheckList.zlxj">
                      <img src="../../assets/img/meb/public.png" alt />
                      <p>{{ toolListCheckList.zlxj || "助力" }}</p>
                    </div>
                    <div v-if="toolListCheckList.yggl">
                      <img src="@/assets/img/meb/staff.png" />
                      <p>{{ toolListCheckList.yggl || "员工管理" }}</p>
                    </div>
                    <div v-if="toolListCheckList.gxgd">
                      <img src="@/assets/img/meb/gudong.png" />
                      <p>{{ toolListCheckList.gxgd || "申请股东" }}</p>
                    </div>
                    <div v-if="toolListCheckList.sfzx">
                      <img src="@/assets/img/meb/sfzx.png" />
                      <p>{{ toolListCheckList.sfzx || "师傅中心" }}</p>
                    </div>
                    <div v-if="toolListCheckList.wdsc">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_4.png" />
                      <p>{{ toolListCheckList.wdsc || "我的素材" }}</p>
                    </div>
                    <div v-if="toolListCheckList.phb">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_13.png" />
                      <p>{{ toolListCheckList.phb || "排行榜" }}</p>
                    </div>
                    <div v-if="toolListCheckList.rwzx">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_15.png" />
                      <p>{{ toolListCheckList.rwzx || "任务中心" }}</p>
                    </div>
                    <div v-if="toolListCheckList.djhhb">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_16.png" />
                      <p>{{ toolListCheckList.djhhb || "待激活红包" }}</p>
                    </div>
                     <div v-if="toolListCheckList.jlhb">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_11.png" />
                      <p>{{ toolListCheckList.jlhb || "激励红包" }}</p>
                    </div>
                     <div v-if="toolListCheckList.qyzh">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_12.png" />
                      <p>{{ toolListCheckList.qyzh || "签约账户" }}</p>
                    </div>
                     <div v-if="toolListCheckList.qyzh2">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_12.png" />
                      <p>{{ toolListCheckList.qyzh2 || "签约账户2" }}</p>
                    </div>
                    <div v-for="(item, i) in customToolList" :key="i">
                      <img :src="item.menu_pic" />
                      <p>{{ item.menu_title }}</p>
                    </div>
                  </div>
                </div>

                <div class="mymember_card" v-if="check_sqwd">
                  <div class="fx mymember_card_2">
                    <p>社群微店</p>
                  </div>
                  <div class="fx mymember_card_4">
                    <div v-if="sqwdcheckList.wdwd">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_31.png" alt />
                      <p>{{ sqwdcheckList.wdwd || "我的微店" }}</p>
                    </div>
                    <div v-if="sqwdcheckList.glsp">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_32.png" alt />
                      <p>{{ sqwdcheckList.glsp || "管理商品" }}</p>
                    </div>
                    <div v-if="sqwdcheckList.wdzl">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_33.png" alt />
                      <p>{{ sqwdcheckList.wdzl || "微店设置" }}</p>
                    </div>
                    <div v-if="sqwdcheckList.gldd">
                      <img src="https://inexweb.oss-cn-shenzhen.aliyuncs.com/uni/user/tool_34.png" alt />
                      <p>{{ sqwdcheckList.gldd || "微店订单" }}</p>
                    </div>
                  </div>
                </div>

                <div class="mymember_card" v-if="check_qsps">
                  <div class="fx mymember_card_2">
                    <p>骑手工作台</p>
                  </div>
                  <div class="fx mymember_card_4">
                    <div v-if="qspscheckList.wyld">
                      <img src="./../../assets/img/meb/qs/20.png" alt />
                      <p>{{ qspscheckList.wyld }}</p>
                    </div>
                    <div v-if="qspscheckList.psz">
                      <img src="./../../assets/img/meb/qs/22.png" alt />
                      <p>{{ qspscheckList.psz }}</p>
                    </div>
                    <div v-if="qspscheckList.yps">
                      <img src="./../../assets/img/meb/qs/21.png" alt />
                      <p>{{ qspscheckList.yps }}</p>
                    </div>
                    <div v-if="qspscheckList.yjmx">
                      <img src="./../../assets/img/meb/qs/23.png" alt />
                      <p>{{ qspscheckList.yjmx }}</p>
                    </div>
                  </div>
                </div>

                <div class="mymember_card" v-if="check_yuncang && $store.state.plugin.ycxt && $store.state.plugin.ycxt.is_open == 1">
                  <div class="fx mymember_card_2">
                    <p>我的云仓</p>
                  </div>
                  <div class="fx mymember_card_4">
                    <div v-if="yuncangcheckList.yc_wyjh">
                      <img src="./../../assets/img/meb/yc/l1.png" alt />
                      <p>{{ yuncangcheckList.yc_wyjh }}</p>
                    </div>
                    <div v-if="yuncangcheckList.yc_ddgl">
                      <img src="./../../assets/img/meb/yc/l2.png" alt />
                      <p>{{ yuncangcheckList.yc_ddgl }}</p>
                    </div>
                    <div v-if="yuncangcheckList.yc_yclv">
                      <img src="./../../assets/img/meb/yc/l3.png" alt />
                      <p>{{ yuncangcheckList.yc_yclv }}</p>
                    </div>
                    <div v-if="yuncangcheckList.yc_wdyc">
                      <img src="./../../assets/img/meb/yc/l4.png" alt />
                      <p>{{ yuncangcheckList.yc_wdyc }}</p>
                    </div>
                    <div v-if="yuncangcheckList.yc_lscc">
                      <img src="./../../assets/img/meb/yc/l5.png" alt />
                      <p>{{ yuncangcheckList.yc_lscc }}</p>
                    </div>
                    <div v-if="yuncangcheckList.yc_hhgl">
                      <img src="./../../assets/img/meb/yc/l6.png" alt />
                      <p>{{ yuncangcheckList.yc_hhgl }}</p>
                    </div>
                    <div v-if="yuncangcheckList.yc_zzzs">
                      <img src="./../../assets/img/meb/yc/l7.png" alt />
                      <p>{{ yuncangcheckList.yc_zzzs }}</p>
                    </div>
                    <div v-if="yuncangcheckList.yc_scsj">
                      <img src="./../../assets/img/meb/yc/l8.png" alt />
                      <p>{{ yuncangcheckList.yc_scsj }}</p>
                    </div>
                  </div>
                </div>

                <div class="mymember_card" v-if="check_rwds && $store.state.plugin.rwds && $store.state.plugin.rwds.is_open == 1">
                  <div class="fx mymember_card_2">
                    <p>任务大厅</p>
                  </div>
                  <div class="fx mymember_card_4">
                    <div v-if="rwdscheckList.rwdt">
                      <img src="./../../assets/img/meb/task_rwdt.png" alt />
                      <p>{{ rwdscheckList.rwdt }}</p>
                    </div>
                    <div v-if="rwdscheckList.fbrw">
                      <img src="./../../assets/img/meb/task_fbrw.png" alt />
                      <p>{{ rwdscheckList.fbrw }}</p>
                    </div>
                    <div v-if="rwdscheckList.bmdrw">
                      <img src="./../../assets/img/meb/task_bmdrw.png" />
                      <p>{{ rwdscheckList.bmdrw }}</p>
                    </div>
                    <div v-if="rwdscheckList.dqrrw">
                      <img src="./../../assets/img/meb/task_dqrrw.png" />
                      <p>{{ rwdscheckList.dqrrw }}</p>
                    </div>
                  </div>
                </div>

                <div class="mymember_card" v-if="check_flxx && $store.state.plugin.flxx && $store.state.plugin.flxx.is_open == 1">
                  <div class="fx mymember_card_2">
                    <p>分类信息</p>
                  </div>
                  <div class="fx mymember_card_4">
                    <div v-if="flxxcheckList.fl_tcfb">
                      <img src="./../../assets/img/meb/fl_tcfb.png" alt />
                      <p>{{ flxxcheckList.fl_tcfb }}</p>
                    </div>
                    <div v-if="flxxcheckList.fl_yyfw">
                      <img src="./../../assets/img/meb/fl_yyfw.png" alt />
                      <p>{{ flxxcheckList.fl_yyfw }}</p>
                    </div>
                    <div v-if="flxxcheckList.fl_wdxx">
                      <img src="./../../assets/img/meb/fl_wdxx.png" alt />
                      <p>{{ flxxcheckList.fl_wdxx }}</p>
                    </div>
                    <div v-if="flxxcheckList.fl_wdpl">
                      <img src="./../../assets/img/meb/fl_wdpl.png" alt />
                      <p>{{ flxxcheckList.fl_wdpl }}</p>
                    </div>
                  </div>
                </div>

                <div class="mymember_card" v-if="check_live && $store.state.plugin.zbcj && $store.state.plugin.zbcj.is_open == 1">
                  <div class="fx mymember_card_2">
                    <p>直播电商</p>
                    <p>添加短视频</p>
                  </div>
                  <div class="fx mymember_card_4">
                    <div v-if="livecheckList.live_zb">
                      <img src="./../../assets/img/meb/fqzb.png" alt />
                      <p>{{ livecheckList.live_zb || "发起直播" }}</p>
                    </div>
                    <div v-if="livecheckList.live_gz">
                      <img src="./../../assets/img/meb/wdgz.png" alt />
                      <p>{{ livecheckList.live_gz || "我的关注" }}</p>
                    </div>
                    <div v-if="livecheckList.live_hf">
                      <img src="./../../assets/img/meb/wdhf.png" alt />
                      <p>{{ livecheckList.live_hf || "我的主页" }}</p>
                    </div>
                    <div v-if="livecheckList.live_dd">
                      <img src="./../../assets/img/meb/wddd.png" alt />
                      <p>{{ livecheckList.live_dd || "我的评论" }}</p>
                    </div>
                  </div>
                </div>

                <div class="mymember_card" v-if="check_djpt && $store.state.plugin.djpt && $store.state.plugin.djpt.is_open == 1">
                  <div class="fx mymember_card_2">
                    <p>代驾平台</p>
                  </div>
                  <div class="fx mymember_card_4">
                    <div v-if="djptcheckList.wydj">
                      <img src="./../../assets/img/meb/wydj.png" alt />
                      <p>{{ djptcheckList.wydj }}</p>
                    </div>
                    <div v-if="djptcheckList.djxc">
                      <img src="./../../assets/img/meb/djxc.png" alt />
                      <p>{{ djptcheckList.djxc }}</p>
                    </div>
                    <div v-if="djptcheckList.djsj">
                      <img src="./../../assets/img/meb/djsj.png" alt />
                      <p>司机中心</p>
                    </div>
                    <div v-if="djptcheckList.djdl">
                      <img src="./../../assets/img/meb/djdl.png" alt />
                      <p>{{ djptcheckList.djdl || "申请代理" }}</p>
                    </div>
                  </div>
                </div>

                <div class="mymember_card" v-if="check_yuyue && $store.state.plugin.yymk && $store.state.plugin.yymk.is_open == 1">
                  <div class="fx mymember_card_2">
                    <p>预约门店</p>
                  </div>
                  <div class="fx mymember_card_4">
                    <div v-if="yuyuecheckList.yy_wdmd">
                      <img src="./../../assets/img/meb/md/32.png" alt />
                      <p>{{ yuyuecheckList.yy_wdmd }}</p>
                    </div>
                    <div v-if="yuyuecheckList.yy_ddgl">
                      <img src="./../../assets/img/meb/md/30.png" alt />
                      <p>{{ yuyuecheckList.yy_ddgl }}</p>
                    </div>
                    <div v-if="yuyuecheckList.yy_smqr">
                      <img src="./../../assets/img/meb/md/33.png" alt />
                      <p>{{ yuyuecheckList.yy_smqr }}</p>
                    </div>
                  </div>
                </div>

                <div class="mymember_card" v-if="check_wcrm && $store.state.plugin.wcrm && $store.state.plugin.wcrm.is_open == 1">
                  <div class="fx mymember_card_2">
                    <p>CRM</p>
                  </div>
                  <div class="fx mymember_card_4">
                    <div v-if="wcrmCheckList.ghkh">
                      <img src="@/assets/img/meb/public.png" alt />
                      <p>{{ wcrmCheckList.ghkh }}</p>
                    </div>
                    <div v-if="wcrmCheckList.wdkh">
                      <img src="@/assets/img/meb/mineclinet.png" alt />
                      <p>{{ wcrmCheckList.wdkh }}</p>
                    </div>
                    <div v-if="wcrmCheckList.wdcj">
                      <img src="@/assets/img/meb/end.png" alt />
                      <p>{{ wcrmCheckList.wdcj }}</p>
                    </div>
                    <div v-if="wcrmCheckList.wdsy">
                      <img src="@/assets/img/meb/minegrow.png" alt />
                      <p>{{ wcrmCheckList.wdsy }}</p>
                    </div>
                  </div>
                </div>

                <div class="mymember_card" v-if="check_tzzt && $store.state.plugin.xxmk && $store.state.plugin.xxmk.is_open == 1">
                  <div class="fx mymember_card_2">
                    <p>团长自提</p>
                  </div>
                  <div class="fx mymember_card_4">
                    <div v-if="tzztListCheckList.smqr">
                      <img src="./../../assets/img/meb/task_rwdt.png" alt />
                      <p>{{ tzztListCheckList.smqr || "扫码确认" }}</p>
                    </div>
                    <div v-if="tzztListCheckList.dthdd">
                      <img src="./../../assets/img/meb/dth.png" alt />
                      <p>{{ tzztListCheckList.dthdd || "待提货订单" }}</p>
                    </div>
                    <div v-if="tzztListCheckList.ythdd">
                      <img src="./../../assets/img/meb/yth.png" alt />
                      <p>{{ tzztListCheckList.ythdd || "已提货订单" }}</p>
                    </div>
                    <div v-if="tzztListCheckList.xgtzxx">
                      <img src="./../../assets/img/meb/xxxg.png" alt />
                      <p>{{ tzztListCheckList.xgtzxx || "信息修改" }}</p>
                    </div>
                  </div>
                </div>

                <!-- <div class="mymember_card" v-if="check_new_power">
                  <div class="fx mymember_card_2">
                    <p>会员活动特权</p>
                  </div>
                  <div class="fx mymember_card_5">
                    <div v-if="new_powerrListCheckList.zqqd">
                      <img src="./../../assets/img/meb/novice_zqqd.png" />
                    </div>
                    <div v-if="new_powerrListCheckList.jfcq">
                      <img src="./../../assets/img/meb/novice_jfcq.png" />
                    </div>
                    <div v-if="new_powerrListCheckList.agccn">
                      <img src="./../../assets/img/meb/novice_agccl.png" />
                    </div>
                    <div v-if="new_powerrListCheckList.hbrw">
                      <img src="./../../assets/img/meb/novice_hbrw.png" />
                    </div>
                  </div>
                </div> -->

                <div class="mymember_card" v-if="check_m_data">
                  <div class="fx mymember_card_2">
                    <p>我的市场</p>
                    <p class="fx">查看详情<van-icon name="arrow" color="#d1d1d1" /></p>
                  </div>

                  <div class="fx mymember_card_6">
                    <div class="mymember_card_6t" v-if="m_dataListCheckList.m_1">
                      <p>邀请好友</p>
                      <p class="fx">
                        邀请一位可获得佣金
                        <span>立即邀请</span>
                      </p>
                    </div>

                    <div class="fx mymember_card_6l" :style="!m_dataListCheckList.m_1 ? 'margin-top: 0;' : ''" v-if="m_dataListCheckList.m_2">
                      <p>0</p>
                      <p>我的好友</p>
                    </div>
                    <div class="fx mymember_card_6r" :style="!m_dataListCheckList.m_1 ? 'margin-top: 0;' : ''" v-if="m_dataListCheckList.m_3">
                      <p>0</p>
                      <p>团队好友</p>
                    </div>
                  </div>
                </div>

                <div class="mymember_card" v-if="check_foot">
                  <div class="fx mymember_card_8">
                    <div v-if="footListCheckList.kfzx">
                      <img src="./../../assets/img/meb/gd1.png" alt />
                      <p>{{ footListCheckList.kfzx || "客服中心" }}</p>
                    </div>
                    <div v-if="footListCheckList.fpfw">
                      <img src="./../../assets/img/meb/gd2.png" alt />
                      <p>{{ footListCheckList.fpfw || "发票服务" }}</p>
                    </div>
                    <div v-if="footListCheckList.dzgl">
                      <img src="./../../assets/img/meb/gd3.png" alt />
                      <p>{{ footListCheckList.dzgl || "地址管理" }}</p>
                    </div>
                    <div v-if="footListCheckList.yjfk">
                      <img src="./../../assets/img/meb/gd4.png" alt />
                      <p>{{ footListCheckList.yjfk || "意见反馈" }}</p>
                    </div>
                    <div v-if="footListCheckList.hzsq">
                      <img src="./../../assets/img/meb/gd5.png" alt />
                      <p>{{ footListCheckList.hzsq || "合作申请" }}</p>
                    </div>
                  </div>
                </div>

                <template v-if="check_recommend">
                  <div class="fx mymember_cnxh">
                    <img src="@/assets/img/meb/06.png" />
                    <span>猜你喜欢</span>
                    <img src="@/assets/img/meb/05.png" />
                  </div>

                  <ul class="clearfix">
                    <li class="bo_huiyuan_li4">
                      <img class="bo_huiyuan_img7" src="../../assets/img/meb/shops.jpg" />
                      <div class="bo_huiyuan_div12">女包包女2021韩版春夏...</div>
                      <div class="bo_huiyuan_div14">
                        <span class="bo_huiyuan_span3">￥260.00</span>
                      </div>
                    </li>
                    <li class="bo_huiyuan_li4">
                      <img class="bo_huiyuan_img7" src="../../assets/img/meb/shops.jpg" />
                      <div class="bo_huiyuan_div12">女包包女2021韩版春夏...</div>
                      <div class="bo_huiyuan_div14">
                        <span class="bo_huiyuan_span3">￥260.00</span>
                      </div>
                    </li>
                  </ul>
                </template>
              </div>
            </div>
          </div>
          <div id="diy-ctrl">
            <div class="diy-ctrl-item diy-ctrl-items on">
              <div>
                <el-radio-group v-model="ratingId">
                  <el-radio-button v-for="item in ratinglist" :label="item.id" :key="item.title">{{ item.title }}</el-radio-button>
                </el-radio-group>
              </div>
              <div class="tl">
                <div class="formitems">
                  <div class="form-controls leb_check_width" style="padding-top: 15px !important">
                    <el-checkbox v-model="checkedAll">是否应用所有等级</el-checkbox>
                  </div>
                </div>
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <label for>顶部背景图</label>
                  </div>
                </div>
                <div class="showPosition checkAll_menber" style="position: relative; z-index: 5">
                  <uploadpic :piclink="bgImgUrl" :width="150" :height="84" :real_width="640" :real_height="360" :is_more="false" @send_pic="uploadSuccess"></uploadpic>
                  <span class="def_img j-def-img-2">
                    <i class="el-icon-error" @click="defaultImg"></i>
                  </span>
                </div>
              </div>
              <div v-if="memberList.top" class>
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <label for>{{ memberList.top.title }}</label>
                  </div>
                </div>

                <div class="showPosition" v-if="memberList.top.data">
                  <el-checkbox-group v-model="topList" class="checkAll_menber" @change="hadnTop">
                    <el-checkbox v-for="(item, i) in memberList.top.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>

                  <el-form :inline="true" :model="formInline" class="demo-form-inline" label-width="60px" style="margin: 10px 0">
                    <el-form-item label="标题">
                      <el-input v-model="title1" placeholder="推广码标题"></el-input>
                    </el-form-item>
                  </el-form>
                </div>

                <div v-else style="margin-top: 40px">无设置项</div>
              </div>

              <div v-if="memberList.money" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <label for>{{ memberList.money.title }}</label>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.money && memberList.money.data">
                  <el-checkbox-group v-model="moneyList" class="checkAll_menber" @change="hadnMoney">
                    <el-checkbox v-for="(item, i) in memberList.money.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>

                <div v-else style="margin-top: 40px">无设置项</div>
              </div>

              <div v-if="memberList.my_order" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_order" :label="memberList.my_order.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.my_order && memberList.my_order.data">
                  <el-checkbox-group v-model="my_orderList" class="checkAll_menber" @change="hadnmy_order">
                    <el-checkbox v-for="(item, i) in memberList.my_order.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>
              <!-- <div v-if="memberList.new_power">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox
                      v-model="check_new_power"
                      :label="memberList.new_power.title"
                    ></el-checkbox>
                  </div>
                </div>
                <div
                  class="showPosition"
                  v-if="memberList.new_power && memberList.new_power.data"
                >
                  <el-checkbox-group
                    v-model="new_powerrList"
                    class="checkAll_menber"
                    @change="hadnnew_power"
                  >
                    <el-checkbox
                      v-for="(item, i) in memberList.new_power.data"
                      :label="i + ':' + item.title"
                      :key="item.title"
                      >{{ item.title }}
                    </el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 20px">无设置项</div>
              </div> -->

              <div v-if="memberList.sqwd">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_sqwd" :label="memberList.sqwd.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.sqwd && memberList.sqwd.data">
                  <el-checkbox-group v-model="sqwdList" class="checkAll_menber" @change="hadnsqwd">
                    <el-checkbox v-for="(item, i) in memberList.sqwd.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>

              <div v-if="memberList.qsps">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_qsps" :label="memberList.qsps.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.qsps && memberList.qsps.data">
                  <el-checkbox-group v-model="qspsList" class="checkAll_menber" @change="hadnqsps">
                    <el-checkbox v-for="(item, i) in memberList.qsps.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>

              <div v-if="memberList.yuncang">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_yuncang" :label="memberList.yuncang.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.yuncang && memberList.yuncang.data">
                  <el-checkbox-group v-model="yuncangList" class="checkAll_menber" @change="hadnyuncang">
                    <el-checkbox v-for="(item, i) in memberList.yuncang.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>

              <div v-if="memberList.live">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_live" :label="memberList.live.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.live && memberList.live.data">
                  <el-checkbox-group v-model="liveList" class="checkAll_menber" @change="hadnlive">
                    <el-checkbox v-for="(item, i) in memberList.live.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>

              <div v-if="memberList.yuyue">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_yuyue" :label="memberList.yuyue.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.yuyue && memberList.yuyue.data">
                  <el-checkbox-group v-model="yuyueList" class="checkAll_menber" @change="hadnyuyue">
                    <el-checkbox v-for="(item, i) in memberList.yuyue.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>

              <!-- 团长自提 -->
              <div v-if="memberList.tzzt">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_tzzt" :label="memberList.tzzt.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.tzzt && memberList.tzzt.data">
                  <el-checkbox-group v-model="tzztList" class="checkAll_menber" @change="hadnmy_tzzt">
                    <el-checkbox v-for="(item, i) in memberList.tzzt.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>

              <div v-if="memberList.jpsc_order">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_auction" :label="memberList.jpsc_order.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.jpsc_order && memberList.jpsc_order.data">
                  <el-checkbox-group v-model="auctionList" class="checkAll_menber" @change="hadnauction">
                    <el-checkbox v-for="(item, i) in memberList.jpsc_order.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>
              <div v-if="memberList.m_tx" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_tx" :label="memberList.m_tx.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.m_tx && memberList.m_tx.data">
                  <el-checkbox-group v-model="tx_dataList" class="checkAll_menber" @change="hadntx">
                    <el-checkbox v-for="(item, i) in memberList.m_tx.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>

              <div v-if="memberList.star" class>
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_star" :label="memberList.star.title" :true-label="memberList.star.title" false-label></el-checkbox>
                  </div>
                </div>
              </div>

              <div v-if="memberList.business" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_business" :label="memberList.business.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.business && memberList.business.data">
                  <el-checkbox-group v-model="businessList" class="checkAll_menber" @change="hadnbusiness">
                    <el-checkbox
                      v-for="(item, i) in memberList.business.data"
                      :style="{
                        width: i == '0' ? 120 + 'px !important' : 110 + 'px !important',
                      }"
                      :label="i + ':' + item"
                      :key="item"
                      >{{ item }}</el-checkbox
                    >
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>
              <div v-if="memberList.tool" class>
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_tool" :label="memberList.tool.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.tool && memberList.tool.data">
                  <el-checkbox-group v-model="toolList" class="checkAll_menber" @change="hadntool">
                    <el-checkbox v-for="(item, i) in memberList.tool.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>

              <div v-if="memberList.djpt">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_djpt" :label="memberList.djpt.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.djpt && memberList.djpt.data">
                  <el-checkbox-group v-model="djptList" class="checkAll_menber" @change="hadndjpt">
                    <el-checkbox v-for="(item, i) in memberList.djpt.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>

              <div v-if="memberList.flxx" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_flxx" :label="memberList.flxx.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.flxx && memberList.flxx.data">
                  <el-checkbox-group v-model="flxxList" class="checkAll_menber" @change="hadnflxx">
                    <el-checkbox
                      v-for="(item, i) in memberList.flxx.data"
                      :style="{
                        width: i == '0' ? 120 + 'px !important' : 110 + 'px !important',
                      }"
                      :label="i + ':' + item"
                      :key="item"
                      >{{ item }}</el-checkbox
                    >
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>
              <div v-if="memberList.rwds" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_rwds" :label="memberList.rwds.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.rwds && memberList.rwds.data">
                  <el-checkbox-group v-model="rwdsList" class="checkAll_menber" @change="hadnrwds">
                    <el-checkbox
                      v-for="(item, i) in memberList.rwds.data"
                      :style="{
                        width: i == '0' ? 120 + 'px !important' : 110 + 'px !important',
                      }"
                      :label="i + ':' + item"
                      :key="item"
                      >{{ item }}</el-checkbox
                    >
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>

              <!-- 酒店 -->
              <div v-if="memberList.my_hotel" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_hotel" :label="memberList.my_hotel.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.my_hotel && memberList.my_hotel.data">
                  <el-checkbox-group v-model="hotelList" class="checkAll_menber" @change="hadnhotel">
                    <el-checkbox v-for="(item, i) in memberList.my_hotel.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>

              <!-- crm -->
              <div v-if="memberList.wcrm" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_wcrm" :label="memberList.wcrm.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.wcrm && memberList.wcrm.data">
                  <el-checkbox-group v-model="wcrmList" class="checkAll_menber" @change="hadwcrm">
                    <el-checkbox v-for="(item, i) in memberList.wcrm.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>
              <el-row class>
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">自定义会员工具</div>
                </div>

                <div class="showPosition" style="padding: 10px 0 10px 10px">
                  <el-row class type="flex" style="flex-wrap: wrap">
                    <div class="vip_tool_item add-menber-tool-item" v-for="(item, i) in customToolList" :key="i">
                      <div class="vip_tool_item_box" style="height: 100%; justify-content: center; position: relative; z-index: 1">
                        <img :src="item.menu_pic" alt />
                        <p>{{ item.menu_title }}</p>
                      </div>
                      <div class="close-member-toll">
                        <i class="el-icon-edit" @click="editMemberTool(item)"></i>
                        <i class="el-icon-close" title="删除" @click="delTool(item)"></i>
                      </div>
                    </div>

                    <div class="add-menber-tool" @click="(showCustomTool = true), (row = {})">
                      <i class="el-icon-plus"></i>
                    </div>
                  </el-row>
                </div>
              </el-row>
              <div v-if="memberList.m_data">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_m_data" :label="memberList.m_data.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.m_data && memberList.m_data.data">
                  <el-checkbox-group v-model="m_dataList" class="checkAll_menber" @change="hadnm_data">
                    <el-checkbox v-for="(item, i) in memberList.m_data.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>
              <div v-if="memberList.foot">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_foot" :label="memberList.foot.title"></el-checkbox>
                  </div>
                </div>
                <div class="showPosition" v-if="memberList.foot && memberList.foot.data">
                  <el-checkbox-group v-model="footList" class="checkAll_menber" @change="hadnmy_foot">
                    <el-checkbox v-for="(item, i) in memberList.foot.data" :label="i + ':' + item" :key="item">{{ item }}</el-checkbox>
                  </el-checkbox-group>
                </div>
                <div v-else style="margin-top: 40px">无设置项</div>
              </div>

              <div v-if="memberList.recommend" class="meb_height_130">
                <div class="formitems">
                  <div class="form-controls controls_tit leb_check_width">
                    <el-checkbox v-model="check_recommend" :label="memberList.recommend.title"></el-checkbox>
                  </div>
                </div>
                <!-- <div
                  class="showPosition"
                  v-if="memberList.recommend && memberList.recommend.data"
                >
                  <el-checkbox-group
                    v-model="recommendList"
                    class="checkAll_menber"
                    @change="hadnrecommend"
                  >
                    <el-checkbox
                      v-for="(item, i) in memberList.recommend.data"
                      :label="i + ':' + item"
                      :key="item"
                      >{{ item }}</el-checkbox
                    >
                  </el-checkbox-group>
                </div> -->
                <!-- <div v-else style="margin-top: 40px">无设置项</div> -->
              </div>
            </div>
          </div>
          <el-col :span="22" class="men_add">
            <el-card shadow="always">
              <el-button :loading="$store.state.isLoading" @click="memAdd" @keydown.13="memAdd" type="success">保存</el-button>
              <el-button :loading="$store.state.isLoading" @click="clearall" type="danger">清空</el-button>
            </el-card>
          </el-col>
        </div>
      </div>
    </el-row>

    <el-dialog title="自定义工具" :visible.sync="showCustomTool" :close-on-click-modal="false" width="800">
      <custom-member-tool :row="row" :rating="ratingId" v-if="showCustomTool" @updateList="getUpdateList" @hideDio="getHideDio"></custom-member-tool>
    </el-dialog>
  </div>
</template>

<script>
import HeadTitle from "@/components/currency/HeadTitle.vue";
import customMemberTool from "./custom-member-tool/custom-member-tool"; //自定义工具组件
import uploadpic from "@/components/page/pic/up_pic";
// import  "../../assets/css/style.css";
import LinkMenu from "@/components/currency/Link_menu.vue";
export default {
  components: {
    HeadTitle,
    customMemberTool,
    uploadpic,
    LinkMenu,
  },
  data() {
    return {
      row: {},
      showCustomTool: false, //自定义工具显示
      customToolList: [],
      ratingId: "",
      bgImgUrl: "",
      ratinglist: [],
      memberList: {
        qsps: { title: "" },
      },

      check_tx: false,
      checkedAll: false,
      check_order: false, //订单是否显示
      check_new_power: false, //新人是否显示
      check_m_data: false, //会员数据
      check_business: false, //商户专区
      check_tool: false, //会员工具
      check_recommend: false, //商品推荐
      check_sqwd: false,
      check_qsps: false,
      check_yuncang: false,
      check_live: false,
      check_djpt: false,
      check_yuyue: false,
      check_auction: false,
      check_flxx: false,
      check_rwds: false,
      check_hotel: false,
      check_wcrm: false, //CMR
      check_tzzt: false, //团长自提
      check_foot: false, //团长自提

      topCheck: [],
      topList: [],

      moneyList: [],
      moneyCheck: [],

      my_txList: [],
      my_orderListCheckList: [],
      my_orderList: [],

      tzztList: [],
      tzztListCheckList: [],

      footList: [],
      footListCheckList: [],
      new_powerrList: [],
      new_powerrListCheckList: [],

      m_dataList: [],
      m_dataListCheckList: [],

      businessList: [],
      businessListCheckList: [],

      toolList: [],
      toolListCheckList: [],

      recommendList: [],
      recommendListCheckList: [],

      tx_dataList: [],
      tx_datacheckList: [],

      sqwdList: [],
      sqwdcheckList: [],

      qspsList: [],
      qspscheckList: [],

      yuncangList: [],
      yuncangcheckList: [],

      liveList: [],
      livecheckList: [],

      djptList: [],
      djptcheckList: [],

      auctionList: [],
      auctioncheckList: [],

      flxxList: [],
      flxxcheckList: [],

      rwdsList: [],
      rwdscheckList: [],

      yuyueList: [],
      yuyuecheckList: [],

      hotelList: [],
      hotelCheckList: [],

      // cmr
      wcrmList: [],
      wcrmCheckList: [],

      load: false,
      formInline: {},
      check_star: "",
      title1: "推荐好友加入享好礼",
      //   title2: "去购物",
      //   links: "/page/member_shop",
      rattingId: "1",
      rattingTitle: "",
    };
  },
  methods: {
    delTool(item) {
      this.$swal({
        title: "您确定要删除 " + item.menu_title + " 工具吗",
        text: "删除后将无法恢复，请谨慎操作！",
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "是的，我要删除",
        cancelButtonText: "容我三思",
      }).then((willDelete) => {
        if (willDelete.value) {
          this.$api.getMember.delCustomMemberTool({ id: item.id }).then((res) => {
            if (res.data.code == 200) {
              this.$swal("删除成功！", "您已经删除了这些信息。", "success");
              this.getCustomToolList(this.ratingId);
            } else {
              this.$swal("删除失败！", "出错啦！", "success");
            }
          });
        }
      });
    },
    editMemberTool(row) {
      this.row = row;
      this.showCustomTool = true;
    },
    getUpdateList() {
      this.getCustomToolList(this.ratingId);
      this.showCustomTool = false;
    },
    getCustomToolList(id) {
      console.log(id, "ppooklkl");

      var params = {};
      params.rating = id || "";
      this.$api.getMember.getCustomMemberToolList(params).then((res) => {
        if (res.data.code == 200) {
          this.customToolList = res.data.result;
        } else {
          this.$fnc.alertError(res.data.code_desc, res.data.result); //失败弹出框
        }
      });
    },
    getHideDio() {
      this.showCustomTool = false;
    },
    clearall() {
      this.$swal({
        title: "您确定要清空这些信息吗",
        text: "清空后将无法恢复，请谨慎操作！",
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "是的，我要删除",
        cancelButtonText: "容我三思",
      }).then((willDelete) => {
        if (willDelete.value) {
          var data = {};
          this.$api.getUser.clear_member_set(data).then((res) => {
            if (res.data.code == 200) {
              this.$swal("清空成功！", "您已经清空了这些信息。", "success");
            } else {
              this.$swal("清空失败！", "出错啦！", "success");
            }
          });
        }
      });
    },
    uploadSuccess(file) {
      this.bgImgUrl = this.$fnc.getImgUrl(file);
    },
    defaultImg() {
      this.bgImgUrl = require("../../assets/img/meb/bg1.jpg");
    },
    getRatingList() {
      var params = {};
      params.parent_id = "0";
      this.$api.getUser.getRatingList(params).then((res) => {
        if (res.data.code == 200 && res.data.status == 1 && res.data.result) {
          this.ratinglist = res.data.result;
          this.ratingId = res.data.result[0].id;
        }
      });
    },
    getMemberList() {
      var params = {};
      this.$api.getMember.memberList(params).then((res) => {
        this.memberList = res.data.result;
      });
    },
    findMenConfig(id) {
      var params = {};
      params.id = id;
      this.$api.getMember.findMemberConfig(params).then((res) => {
        if (res.data.code == 200 && res.data.status == 1) {
          var result = res.data.result;
          this.rattingId = res.data.result.id;
          console.log(result);
          var flag = null;
          if (result.flag == "") {
            flag = null;
          } else {
            flag = JSON.parse(result.flag);
          }

          if (result.piclink && result.piclink.indexOf("assets") < 0) {
            this.bgImgUrl = this.$fnc.getImgUrl(result.piclink);
          } else {
            this.bgImgUrl = result.piclink || "";
          }
          if (flag == null) {
            this.topList = [];
            this.my_orderList = [];
            this.m_dataList = [];

            this.moneyList = [];

            this.new_powerrList = [];
            this.new_powerrListCheckList = [];

            this.businessList = [];
            this.toolList = [];
            this.recommendList = [];
            this.topCheck = [];
            this.my_orderListCheckList = [];
            this.m_dataListCheckList = [];
            this.businessListCheckList = [];
            this.toolListCheckList = [];
            this.recommendListCheckList = [];
            this.tx_datacheckList = [];
            this.sqwdcheckList = [];
            this.livecheckList = [];
            this.djptcheckList = [];
            this.hotelCheckList = [];
            this.tzztListCheckList = [];
            this.footListCheckList = [];
            return false;
          }

          this.check_star = flag.star.title && this.memberList.star ? flag.star.title : "";
          if (flag.top.title1) {
            this.title1 = flag.top.title1;
          } else {
            this.title1 = "推荐好友加入享好礼";
          }
          //   if (flag.top.title2) {
          //     this.title2 = flag.top.title2;
          //   } else {
          //     this.title2 = "去购物";
          //   }
          //   if (flag.top.links) {
          //     this.links = flag.top.links;
          //   } else {
          //     this.links = "/page/member_shop";
          //   }

          this.topList = this.$fnc.objOrArr(flag.top.data);
          this.topCheck = this.$fnc.arrOrObj(this.topList);

          this.moneyList = this.$fnc.objOrArr(flag.money.data);
          this.moneyCheck = this.$fnc.arrOrObj(this.moneyList);

          if (JSON.stringify(flag.my_order.data) == "{}") {
            this.check_order = false;
          } else {
            this.check_order = true;
          }
          this.my_orderList = this.$fnc.objOrArr(flag.my_order.data);
          this.my_orderListCheckList = this.$fnc.arrOrObj(this.my_orderList);

          if (JSON.stringify(flag.m_data.data) == "{}") {
            this.check_m_data = false;
          } else {
            this.check_m_data = true;
          }
          this.m_dataList = this.$fnc.objOrArr(flag.m_data.data);
          this.m_dataListCheckList = this.$fnc.arrOrObj(this.m_dataList);

          if (JSON.stringify(flag.new_power.data) == "{}") {
            this.check_new_power = false;
          } else {
            this.check_new_power = true;
          }
          this.new_powerrList = this.$fnc.objOrArr(flag.new_power.data);
          this.new_powerrListCheckList = this.$fnc.arrOrObj(this.new_powerrList);

          if (JSON.stringify(flag.business.data) == "{}") {
            this.check_business = false;
          } else {
            this.check_business = true;
          }

          this.businessList = this.$fnc.objOrArr(flag.business.data);
          this.businessListCheckList = this.$fnc.arrOrObj(this.businessList);

          try {
            if (flag.sqwd && JSON.stringify(flag.sqwd.data) == "{}") {
              this.check_sqwd = false;
            } else {
              this.check_sqwd = true;
            }
            this.sqwdList = this.$fnc.objOrArr(flag.sqwd.data);
            this.sqwdcheckList = this.$fnc.arrOrObj(this.sqwdList);
          } catch (error) {
            new Error("member 1123");
          }

          try {
            if (flag.qsps && JSON.stringify(flag.qsps.data) == "{}") {
              this.check_qsps = false;
            } else {
              this.check_qsps = true;
            }
            this.qspsList = this.$fnc.objOrArr(flag.qsps.data);
            this.qspscheckList = this.$fnc.arrOrObj(this.qspsList);
          } catch (error) {
            new Error("member 1123");
          }

          try {
            if (flag.yuncang && JSON.stringify(flag.yuncang.data) == "{}") {
              this.check_yuncang = false;
            } else {
              this.check_yuncang = true;
            }
            this.yuncangList = this.$fnc.objOrArr(flag.yuncang.data);
            this.yuncangcheckList = this.$fnc.arrOrObj(this.yuncangList);
          } catch (error) {
            new Error("member 1123");
          }

          try {
            if (flag.yuyue && JSON.stringify(flag.yuyue.data) == "{}") {
              this.check_yuyue = false;
            } else {
              this.check_yuyue = true;
            }
            this.yuyueList = this.$fnc.objOrArr(flag.yuyue.data);
            this.yuyuecheckList = this.$fnc.arrOrObj(this.yuyueList);
          } catch (error) {
            new Error("member 1123");
          }

          if (JSON.stringify(flag.m_tx.data) == "{}") {
            this.check_m_tx = false;
            this.check_tx = false;
          } else {
            this.check_tx = true;
            this.check_m_tx = true;
          }
          this.tx_dataList = this.$fnc.objOrArr(flag.m_tx.data);
          this.tx_datacheckList = this.$fnc.arrOrObj(this.tx_dataList);

          if (JSON.stringify(flag.tool.data) == "{}") {
            this.check_tool = false;
          } else {
            this.check_tool = true;
          }
          this.toolList = this.$fnc.objOrArr(flag.tool.data);
          this.toolListCheckList = this.$fnc.arrOrObj(this.toolList);

          // 团长自提
          if (JSON.stringify(flag.tzzt.data) == "{}") {
            this.check_tzzt = false;
          } else {
            this.check_tzzt = true;
          }
          this.tzztList = this.$fnc.objOrArr(flag.tzzt.data);
          this.tzztListCheckList = this.$fnc.arrOrObj(this.tzztList);

          this.recommendList = this.$fnc.objOrArr(flag.recommend.data);
          this.recommendListCheckList = this.$fnc.arrOrObj(this.recommendList);

          if (JSON.stringify(flag.recommend.data) == "{}") {
            this.check_recommend = false;
          } else if (flag.recommend.data == "true") {
            this.check_recommend = true;
          } else {
            this.check_recommend = false;
          }

          try {
            if (flag.live && JSON.stringify(flag.live.data) == "{}") {
              this.check_live = false;
            } else {
              this.check_live = true;
            }
            this.liveList = this.$fnc.objOrArr(flag.live.data);
            this.livecheckList = this.$fnc.arrOrObj(this.liveList);
          } catch (error) {
            new Error("member 1123");
          }
          try {
            if (flag.djpt && JSON.stringify(flag.djpt.data) == "{}") {
              this.check_djpt = false;
            } else {
              this.check_djpt = true;
            }
            this.djptList = this.$fnc.objOrArr(flag.djpt.data);
            this.djptcheckList = this.$fnc.arrOrObj(this.djptList);
          } catch (error) {
            new Error("member 1123");
          }
          try {
            if (flag.jpsc_order && JSON.stringify(flag.jpsc_order.data) == "{}") {
              this.check_auction = false;
            } else {
              this.check_auction = true;
            }
            this.auctionList = this.$fnc.objOrArr(flag.jpsc_order.data);
            this.auctioncheckList = this.$fnc.arrOrObj(this.auctionList);
          } catch (error) {
            new Error("member 1123");
          }
          try {
            if (flag.flxx && JSON.stringify(flag.flxx.data) == "{}") {
              this.check_flxx = false;
            } else {
              this.check_flxx = true;
            }
            this.flxxList = this.$fnc.objOrArr(flag.flxx.data);
            this.flxxcheckList = this.$fnc.arrOrObj(this.flxxList);
          } catch (error) {
            new Error("member 1123");
          }
          try {
            if (flag.rwds && JSON.stringify(flag.rwds.data) == "{}") {
              this.check_rwds = false;
            } else {
              this.check_rwds = true;
            }
            this.rwdsList = this.$fnc.objOrArr(flag.rwds.data);
            this.rwdscheckList = this.$fnc.arrOrObj(this.rwdsList);
          } catch (error) {
            new Error("member 1123");
          }

          try {
            if (flag.my_hotel && JSON.stringify(flag.my_hotel.data) == "{}") {
              this.check_hotel = false;
            } else {
              this.check_hotel = true;
            }
            this.hotelList = this.$fnc.objOrArr(flag.my_hotel.data);
            this.hotelCheckList = this.$fnc.arrOrObj(this.hotelList);
          } catch (error) {
            new Error("member 1123");
          }

          // cmr
          try {
            if (flag.wcrm && JSON.stringify(flag.wcrm.data) == "{}") {
              this.check_wcrm = false;
            } else {
              this.check_wcrm = true;
            }
            this.wcrmList = this.$fnc.objOrArr(flag.wcrm.data);
            this.wcrmCheckList = this.$fnc.arrOrObj(this.wcrmList);
          } catch (error) {
            new Error("member 1123");
          }

          // 团长自提
          if (JSON.stringify(flag.foot.data) == "{}") {
            this.check_foot = false;
          } else {
            this.check_foot = true;
          }
          this.footList = this.$fnc.objOrArr(flag.foot.data);
          this.footListCheckList = this.$fnc.arrOrObj(this.footList);
        } else {
          this.$message.error("错误", "请重新尝试！");
        }
      });
    },
    memAdd() {
      var params = {};
      var flag = {
        top: {
          title1: "",
          // title2: "",
          // links: ""
        },
        money: {},
        tool: {},
        recommend: {},
        new_power: {},
        my_order: {},
        m_data: {},
        business: {},
        star: {},
        m_tx: {},
        sqwd: {},
        qsps: {},
        yuncang: {},
        live: {},
        djpt: {},
        yuyue: {},
        jpsc_order: {},
        flxx: {},
        rwds: {},
        my_hotel: {},
        wcrm: {}, //wcrm
        tzzt: {},
        foot: {},
      };
      params.id = this.ratingId;
      params.all = this.checkedAll ? 1 : 0;
      var url = "";
      if (this.bgImgUrl.indexOf("/api/") >= 0) {
        url = this.bgImgUrl.slice(this.bgImgUrl.indexOf("/api/") + 5);
      } else {
        url = this.bgImgUrl;
      }
      params.piclink = url;
      flag.top.title = this.memberList.top.title;

      flag.top.title1 = this.title1 || "推荐好友加入享好礼";
      //   flag.top.title2 = this.title2 || "去购物";
      //   flag.top.links = this.links || "/page/member_shop";

      flag.star.title = this.check_star && this.memberList.star.title ? "区块链星球" : "";

      flag.money.title = this.memberList.money.title;

      flag.tool.title = this.memberList.tool.title;

      flag.recommend.title = this.memberList.recommend.title;

      flag.new_power.title = this.memberList.new_power.title;
      try {
        flag.my_order.title = this.memberList.my_order.title;
      } catch (error) {}

      flag.m_data.title = this.memberList.m_data.title;
      flag.m_tx.title = this.memberList.m_tx.title;

      if (this.memberList.sqwd && this.memberList.sqwd.title) {
        flag.sqwd.title = this.memberList.sqwd.title;
      }
      try {
        flag.sqwd.title = this.memberList.sqwd.title;
        // flag.business.title = this.memberList.business.title;
      } catch (error) {
        console.log("未开通商户");
        Error("未开通商户");
      }

      if (this.memberList.qsps && this.memberList.qsps.title) {
        flag.qsps.title = this.memberList.qsps.title;
      }
      try {
        flag.qsps.title = this.memberList.qsps.title;
        // flag.business.title = this.memberList.business.title;
      } catch (error) {
        Error("qsps");
      }

      try {
        if (this.memberList.yuncang && this.memberList.yuncang.title) {
          flag.yuncang.title = this.memberList.yuncang.title;
        }
        flag.yuncang.title = this.memberList.yuncang.title;
        // flag.business.title = this.memberList.business.title;
      } catch (error) {
        Error("yuncang");
      }

      try {
        if (this.memberList.yuyue && this.memberList.yuyue.title) {
          flag.yuyue.title = this.memberList.yuyue.title;
        }
        flag.yuyue.title = this.memberList.yuyue.title;
      } catch (error) {
        Error("yuyue");
      }

      flag.m_tx.data = this.$fnc.arrOrObj(this.tx_dataList);
      flag.top.data = this.$fnc.arrOrObj(this.topList);

      flag.money.data = this.$fnc.arrOrObj(this.moneyList);

      flag.tool.data = this.check_tool ? this.$fnc.arrOrObj(this.toolList) : {};

      flag.recommend.data = this.check_recommend ? "true" : "false";

      flag.new_power.data = this.check_new_power ? this.$fnc.arrOrObj(this.new_powerrList) : {};

      flag.my_order.data = this.check_order ? this.$fnc.arrOrObj(this.my_orderList) : {};

      flag.m_data.data = this.check_m_data ? this.$fnc.arrOrObj(this.m_dataList) : {};

      flag.business.data = this.check_business ? this.$fnc.arrOrObj(this.businessList) : {};

      flag.m_tx.data = this.check_tx ? this.$fnc.arrOrObj(this.tx_dataList) : {};
      flag.sqwd.data = this.check_sqwd ? this.$fnc.arrOrObj(this.sqwdList) : {};

      flag.qsps.data = this.check_qsps ? this.$fnc.arrOrObj(this.qspsList) : {};

      flag.yuncang.data = this.check_yuncang ? this.$fnc.arrOrObj(this.yuncangList) : {};

      flag.live.data = this.check_live ? this.$fnc.arrOrObj(this.liveList) : {};
      flag.djpt.data = this.check_djpt ? this.$fnc.arrOrObj(this.djptList) : {};

      flag.jpsc_order.data = this.check_auction ? this.$fnc.arrOrObj(this.auctionList) : {};
      flag.flxx.data = this.check_flxx ? this.$fnc.arrOrObj(this.flxxList) : {};

      flag.rwds.data = this.check_rwds ? this.$fnc.arrOrObj(this.rwdsList) : {};

      flag.yuyue.data = this.check_yuyue ? this.$fnc.arrOrObj(this.yuyueList) : {};

      flag.my_hotel.data = this.check_hotel ? this.$fnc.arrOrObj(this.hotelList) : {};
      flag.wcrm.data = this.check_wcrm ? this.$fnc.arrOrObj(this.wcrmList) : {};
      // 团长自提
      flag.tzzt.data = this.check_tzzt ? this.$fnc.arrOrObj(this.tzztList) : {};

      flag.foot.data = this.check_foot ? this.$fnc.arrOrObj(this.footList) : {};
      flag.foot.data = this.check_foot ? this.$fnc.arrOrObj(this.footList) : {};

      params.flag = JSON.stringify(flag);
      this.$api.getMember.setMemBerConfig(params).then((res) => {
        if (res.data.code == 200 && res.data.result) {
          this.$fnc.alertSuccess({ text: "修改成功" }); //成功弹出框
        } else {
          this.$fnc.alertError(res.data.code_desc, res.data.result); //失败弹出框
        }
      });
    },
    hadnTop(value) {
      this.topCheck = this.$fnc.arrOrObj(value);
    },
    hadnMoney(value) {
      this.moneyCheck = this.$fnc.arrOrObj(value);
    },
    hadnauction(value) {
      if (value.length <= 0) {
        this.check_auction = false;
        return;
      } else {
        this.check_auction = true;
        this.auctioncheckList = this.$fnc.arrOrObj(value);
      }
    },
    // wcrm
    hadwcrm(value) {
      if (value.length <= 0) {
        this.check_wcrm = false;
        return;
      } else {
        this.check_wcrm = true;
        this.wcrmCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnhotel(value) {
      if (value.length <= 0) {
        this.check_hotel = false;
        return;
      } else {
        this.check_hotel = true;
        this.hotelCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnrwds(value) {
      if (value.length <= 0) {
        this.check_rwds = false;
        return;
      } else {
        this.check_rwds = true;
        this.rwdscheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnflxx(value) {
      if (value.length <= 0) {
        this.check_flxx = false;
        return;
      } else {
        this.check_flxx = true;
        this.flxxcheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnlive(value) {
      if (value.length <= 0) {
        this.check_live = false;
        return;
      } else {
        this.check_live = true;
        this.livecheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadndjpt(value) {
      if (value.length <= 0) {
        this.check_djpt = false;
        return;
      } else {
        this.check_djpt = true;
        this.djptcheckList = this.$fnc.arrOrObj(value);
      }
    },

    hadnsqwd(value) {
      if (value.length <= 0) {
        this.check_sqwd = false;
        return;
      } else {
        this.check_sqwd = true;
        this.sqwdcheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnqsps(value) {
      if (value.length <= 0) {
        this.check_qsps = false;
        return;
      } else {
        this.check_qsps = true;
        this.qspscheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnyuncang(value) {
      if (value.length <= 0) {
        this.check_yuncang = false;
        return;
      } else {
        this.check_yuncang = true;
        this.yuncangcheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnyuyue(value) {
      if (value.length <= 0) {
        this.check_yuyue = false;
        return;
      } else {
        this.check_yuyue = true;
        this.yuyuecheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadntx(value) {
      if (value.length <= 0) {
        this.check_tx = false;
        return;
      } else {
        this.check_tx = true;
        this.tx_datacheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnmy_order(value) {
      if (value.length <= 0) {
        this.check_order = false;
        return;
      } else {
        this.check_order = true;
        this.my_orderListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnmy_tzzt(value) {
      // 团长自提
      if (value.length <= 0) {
        this.check_tzzt = false;
        return;
      } else {
        this.check_tzzt = true;
        this.tzztListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnmy_foot(value) {
      // 团长自提
      if (value.length <= 0) {
        this.check_foot = false;
        return;
      } else {
        this.check_foot = true;
        this.footListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnm_data(value) {
      if (value.length <= 0) {
        this.check_m_data = false;
        return;
      } else {
        this.check_m_data = true;
        this.m_dataListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnnew_power(value) {
      if (value.length <= 0) {
        this.check_new_power = false;
        return;
      } else {
        this.check_new_power = true;
        this.new_powerrListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnbusiness(value) {
      if (value.length <= 0) {
        this.check_business = false;
        return;
      } else {
        this.check_business = true;
        this.businessListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadntool(value) {
      if (value.length <= 0) {
        this.check_tool = false;
        return;
      } else {
        this.check_tool = true;
        this.toolListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    hadnrecommend(value) {
      if (value.length <= 0) {
        this.check_recommend = false;
        return;
      } else {
        this.check_recommend = true;
        this.recommendListCheckList = this.$fnc.arrOrObj(value);
      }
    },
    getSendRow(row) {
      console.log(row);

      this.$store.dispatch("getShopsAll", { page: 1, page_size: 10 });
      if (row == null) return false;

      let index = row.index;

      if (!row.disable && row.title == "自定义链接") {
        this.links = "";

        return false;
      }

      if (row.url) {
        this.links = row.url;
      }

      if (row.url_title == "产品分类" && row.click_title == "供应商分类") {
        this.links = "/pages/shop/supplier/supplier?cate=" + row.id;
        return;
      }
      if (row.url_title == "产品分类" && row.click_title != "供应商分类") {
        this.links = "/shop/shopsearch?cate_id=" + row.id;
      }
      if (row.url_title == "旅游产品分类") {
        this.links = "/tourshop/cate?cate_id=" + row.id;
      }
      if (row.url_title == "插件管理") {
        this.links = row.url || "";
      }

      if (row.url_title == "商品选择") {
        this.links = "/pages/shop/shopdetail/shopdetail?id=" + row.id;
      }
      if (row.url_title == "文章添加") {
        this.links = "/pages/news/newsdetail/newsdetail?news_id=" + row.id;
      }
      if (row.url_title == "资讯分类") {
        this.form.links = "/news?cate_id=" + row.id;
      }
    },
  },
  watch: {
    ratingId(id) {
      this.findMenConfig(id);
      this.getCustomToolList(id);
    },
  },
  beforeCreate() {
    this.load = true;
  },
  mounted() {
    this.getRatingList();
    this.getMemberList();
    this.getCustomToolList();
    this.load = false;
  },
};
</script>

<style lang="less" scoped>
@import "../../assets/css/style.css";
.add-menber-tool-item {
  cursor: pointer;
  border: 1px solid transparent;
  margin-right: 5px;
  width: 120px !important;
  height: 120px;
  position: relative;
  z-index: 0;
  margin-bottom: 5px;
  .close-member-toll {
    position: absolute;
    z-index: 3;
    top: 0px;
    right: 0px;
    font-size: 30px;
    color: #fff;
    display: none;
    width: 100%;
    text-align: right;
    background: rgba(0, 0, 0, 0.8);
    i {
      margin-right: 10px;
    }
  }
}
.add-menber-tool-item:hover {
  border-color: rgb(64, 158, 255);
}
.add-menber-tool-item:hover div.close-member-toll {
  display: block !important;
}
.add-menber-tool {
  height: 120px;
  width: 120px;
  line-height: 120px;
  text-align: center;
  border: 1px dashed rgb(217, 217, 217);
  cursor: pointer;
  > i {
    font-size: 40px;
    color: #ddd;
  }
}
.add-menber-tool:hover {
  border-color: rgb(64, 158, 255);
}
.diy-phone-contain,
.diy-phone-title,
.diy-conitem-action,
#diy-phone {
  width: 375px;
  background-color: #f4f4f4;
}

//新样式

.mymember_top {
  width: 100%;
  padding: 14px 0 25px;

  .mymember_user {
    width: 100%;
    padding: 0 14px 8px;
    justify-content: flex-start;
    position: relative;

    .mymember_avatar {
      width: 52px;
      flex-direction: column;
      justify-content: center;
      margin-right: 12px;
      > img {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        border: 1px solid transparent;
        border-color: rgba(255, 255, 255, 0.5);
      }

      .mymember_rating {
        position: relative;
        max-width: 60px;
        min-width: 52px;
        height: 18px;
        line-height: 18px;
        text-align: center;
        font-weight: bold;
        font-size: 12px;
        padding: 0 5px;
        color: #fff;
        background: #f99e8d;
        margin-top: -10px;
        border-radius: 20px;
        white-space: nowrap;
        overflow: hidden;
      }
    }
    .mymember_name {
      width: 200px;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      > p:nth-of-type(1) {
        width: 100%;
        font-size: 15px;
        font-weight: bold;
      }

      > p:nth-of-type(2) {
        font-size: 10px;
        background: #ffffff;
        padding: 0 8px;
        border-radius: 6px;
        height: 18px;
        line-height: 19px;
        margin-top: 3px;
        color: rgba(0, 0, 0, 0.7);
      }
    }

    .mymember_icon {
      margin-left: auto;
      i {
        margin-left: 8px;
      }
      /deep/.van-badge__wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }

  /deep/.van-tabs {
    margin: 0 auto;
    .van-tab {
      width: 25%;
      text-align: center;
      position: relative;
      padding: 0;
    }
    .van-tab__text {
      width: 100%;
    }
    .van-tabs--line,
    .van-tabs__wrap {
      height: 60px;
    }
    .van-tabs__nav--line {
      padding-bottom: 0;
    }
  }

  .mymember_money {
    width: 100%;
    display: flex;
    overflow: auto;
  }
  .mymember_money::-webkit-scrollbar {
    display: none;
  }
  .mymember_tabs {
    flex: 1;
    min-width: 25%;
    height: 60px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    span {
      position: absolute;
      top: 3px;
      left: 50%;
      font-size: 9px;
      padding: 0 8px;
      white-space: nowrap;
      font-weight: normal;
      background: linear-gradient(to right, #fd6c51, #f34455);
      color: #ffffff;
      height: 14px;
      line-height: 15px;
      border-radius: 8px;
      &:before {
        content: "";
        width: 0px;
        height: 0px;
        border-top: 3px solid #fd6c51;
        border-right: 7px solid transparent;
        position: absolute;
        top: 14px;
        left: 7px;
      }
    }
    > p:nth-of-type(1) {
      font-size: 15px;
      font-weight: bold;
      color: #222222;
      font-family: "gilroy";
    }
    > p:nth-of-type(2) {
      font-size: 12px;
      color: #999999;
      line-height: 1;
    }
  }
}

.mymember_qr {
  width: 94%;
  margin: -18px auto 10px;
  border-radius: 12px;
  background: #25222b;
  height: 40px;
  position: relative;
  padding: 0 14px;

  img {
    width: 17px;
    margin-right: 8px;
    margin-bottom: 1px;
    vertical-align: middle;
  }
  > span {
    font-size: 12px;
    color: #ffc781;
    margin-right: auto;
    line-height: 1;
  }

  .van-icon {
    color: #ffc781;
  }
}

//自提
.mymember_self {
  width: 94%;
  margin: 10px auto;
  border-radius: 10px;
  background: #ffffff;
  .mymember_self_top {
    width: 94%;
    height: 46px;
    margin: 0 auto;
    justify-content: flex-start;
    border-bottom: 1px solid #f6f6f6;

    > p:nth-of-type(1) {
      font-size: 15px;
      font-weight: 500;
    }
    > p:nth-of-type(2) {
      font-size: 12px;
      color: #999999;
      margin-left: auto;
      line-height: 1;
      .van-icon {
        margin-left: 3px;
        font-weight: bold;
        line-height: 1;
      }
    }

    span {
      display: inline-block;
      background: #fff6f4;
      color: #ff8362;
      font-size: 11px;
      border-radius: 3px;
      line-height: 20px;
      padding: 0 5px;
      margin-left: 8px;
    }
  }

  .mymember_self_con {
    width: 100%;
    margin: 10px auto;
    padding: 0 10px;

    > div:nth-of-type(1) {
      width: 75%;
      color: #999999;
      line-height: 1.5;
      font-size: 12px;
      padding-right: 5px;
      flex-direction: column;
      align-items: flex-start;

      > p {
        align-items: flex-start;
        justify-content: flex-start;
        padding: 2.5px 0;
      }
      i {
        line-height: 1.5;
        margin-right: 3px;
      }
    }
    > div:nth-of-type(2) {
      width: 25%;
      padding-left: 5px;
      line-height: 1.2;
      text-align: center;
      border-left: 1px solid #eeeeee;
      .ddq {
        font-size: 13px;
        font-weight: bold;
        padding-bottom: 4px;
      }
      .distance {
        font-size: 10px;
        color: #999999;
        padding-bottom: 5px;
      }
      img {
        width: 25px;
        height: 25px;
        margin: 0 6px;
      }
    }
  }

  .mymember_self_foot {
    width: 100%;
    height: 30px;
    margin: 10px auto 0;
    border-radius: 0 0 10px 10px;
    background: #fff6f4;
    justify-content: center;
    font-size: 11px;
    color: #ff8d6d;
    line-height: 1;
    i {
      line-height: 1;
      margin-right: 2px;
    }
  }
}

.mymember_card {
  width: 94%;
  margin: 10px auto;
  border-radius: 10px;
  background: #ffffff;

  .mymember_card_1 {
    width: 100%;
    height: 40px;
    font-size: 13px;
    border-bottom: 1px solid #f6f6f6;
    padding: 10px 0 8px;

    > p {
      width: 33%;
      text-align: center;
      position: relative;
      color: #999999;
      &:nth-of-type(2)::after {
        content: "";
        width: 0.5px;
        height: 70%;
        position: absolute;
        top: 15%;
        right: 0;
        background: #e0e0e0;
      }
      &:nth-of-type(2)::before {
        content: "";
        width: 0.5px;
        height: 70%;
        position: absolute;
        top: 15%;
        left: 0;
        background: #e0e0e0;
      }
    }
  }
  .mymember_card_2 {
    width: 100%;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid#f6f6f6;
    margin-bottom: 10px;

    > p:nth-of-type(1) {
      font-size: 15px;
      font-weight: 500;
    }
    > p:nth-of-type(2) {
      font-size: 12px;
      color: #999999;
      .van-icon {
        margin-left: 3px;
        font-weight: bold;
      }
    }
  }

  .no_border {
    border-bottom: none;
    margin-bottom: 5px;
  }

  .mymember_card_3 {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;

    > div {
      width: 20%;
      text-align: center;
      margin-bottom: 12px;
      img {
        width: 26px;
        height: 26px;
      }

      p {
        margin-top: 6px;
        line-height: 1;
        font-size: 12px;
        color: #676767;
      }
    }
  }

  .mymember_card_4 {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;

    > div {
      width: 25%;
      text-align: center;
      margin-bottom: 12px;
      img {
        width: 40px;
        height: 40px;
        border-radius: 100%;
      }

      p {
        margin-top: 6px;
        line-height: 1;
        font-size: 12px;
        color: #333333;
      }
    }
  }

  .mymember_card_5 {
    width: 95%;
    margin: 0 auto;
    flex-wrap: wrap;

    > div {
      width: 48%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 10px;

      img {
        width: 100%;
      }
    }
  }

  .w20 > div {
    width: 20%;
  }
  .w33 > div {
    width: 33%;
  }

  .mymember_card_6 {
    width: 95%;
    margin: 0 auto;
    flex-wrap: wrap;
    padding-bottom: 10px;

    .mymember_card_6t {
      width: 100%;
      margin: 0 auto;
      background: #fbf7eb;
      padding: 14px 12px;
      border-radius: 6px;
      color: #b48956;
      text-align: left;
      > p:nth-of-type(1) {
        font-size: 16px;
        font-weight: 500;
      }
      > p:nth-of-type(2) {
        font-size: 12px;
        align-items: flex-start;
      }

      span {
        display: block;
        border-radius: 20px;
        padding: 2px 16px;
        color: #ffffff;
        font-size: 12px;
        background: linear-gradient(to bottom, #f8cf63, #fca838);
      }
    }
    .mymember_card_6l,
    .mymember_card_6r {
      width: 49%;
      height: 80px;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      background: #fbf7eb;
      padding: 10px 12px;
      border-radius: 6px;
      color: #c08c5c;
      margin-top: 10px;
      > p:nth-of-type(1) {
        font-size: 17px;
        font-weight: bold;
        font-family: "gilroy";
      }
      > p:nth-of-type(2) {
        font-size: 13px;
        line-height: 1.5;
      }
    }
    .mymember_card_6l {
      background: url(../../assets/img/meb/wdsc2.png) #fbf7eb no-repeat;
      background-position: bottom right;
      background-size: 32%;
    }
    .mymember_card_6r {
      background: url(../../assets/img/meb/wdsc1.png) #fbf7eb no-repeat;
      background-position: bottom right;
      background-size: 32%;
    }
  }

  .mymember_card_7 {
    width: 95%;
    margin: 0 auto;
    flex-wrap: wrap;
    padding-bottom: 10px;
    > div {
      width: 49%;
      height: 90px;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      background: #fbf7eb;
      padding: 10px 12px;
      border-radius: 6px;
      color: #c08c5c;
      > p:nth-of-type(1) {
        font-size: 17px;
        font-weight: bold;
        font-family: "gilroy";
      }
      > p:nth-of-type(2) {
        font-size: 13px;
        line-height: 1.5;
      }
    }

    > div:nth-of-type(3) {
      background: url(../../assets/img/meb/wdsc2.png) #fbf7eb no-repeat;
      margin-top: 10px;
      background-position: bottom right;
      background-size: 35%;
    }
    > div:nth-of-type(4) {
      background: url(../../assets/img/meb/wdsc1.png) #fbf7eb no-repeat;
      background-position: bottom right;
      background-size: 35%;
      margin-top: 10px;
    }
  }

  .mymember_card_8 {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 10px 0 0;

    > div {
      width: 20%;
      text-align: center;
      margin-bottom: 12px;
      img {
        width: 26px;
        height: 26px;
      }

      p {
        margin-top: 8px;
        line-height: 1;
        font-size: 12px;
        color: #333333;
      }
    }
  }
}

.mymember_cnxh {
  width: 100%;
  margin: 10px auto 0;
  justify-content: center;
  font-size: 16px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
}
</style>
